<template>
	<view class="cu-list menu" :class="[{borderBottom: 'solids-bottom'}]" @tap="onJump">
		<view class="cu-item arrow" :class="[{isPadding: 'no-padding'},{menuArrow: 'arrow'}]">
			<view class="content">
				<text class="cuIcon-warn text-green"></text>
				<text class="text-grey">文本</text>
			</view>
			<view class="action" v-if="isShowTips">
				<text class="text-grey text-sm">小目标还没有实现！</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			isPadding:{
				type:Boolean,
				default:true
			},
			menuArrow:{
				type:Boolean,
				default:false
			},
			isShowTips:{
				type:Boolean,
				default:false
			},
			borderBottom:{
				type:Boolean,
				default:false
			},
		},
		methods:{
			onJump(e){
				this.$emit('onJumps',e)
			}
		}
	}
</script>

<style>
.no-padding{
	padding: 0!important;
}
</style>
